<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
            自增 运算符 (让变量增加1)
                i++
                ++i

           如果不看执行过程，只看最后的 变量的结果， ++在前和在后是一样的的。 最终都是让变量增加1
           
           ***执行过程是有区别的
        
        */
        var i = 0;
        // i++ 是一个式子，表达式，这个式子是有值的

        // r1保存i++ 这个式子的值
        // ***++在后，先赋值，后加，，先把变量的i的值赋值给r1（作为整个式子的值），再让变量i增加1
        var r1 = i++;// i = i + 1  i+=1

        console.log(i);//1
        console.log('r1:' + r1);

        var n = 0

        // r1保存++n 这个式子的值
        // ***++在前吗，先加，后赋值，先让变量n增加1，再把变量的n的值赋值给r2（作为整个式子的值）
        var r2 = ++n;// n = n+1
        console.log(n);//1
        console.log('r2:' + r2);


        var m = 0;
        var r3 = m++ + ++m + m++ + ++m;
        console.log(m);//4 -- ++出现4次

        var num = 10;
        num--;
        --num;
        console.log(num);//8

    </script>

</body>

</html>